/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      列表      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.DashboardPage-MyList {
  position: absolute;
  width: 100%;
  height: 100%;
  color: var(--White);

  /* ============================== 图表 ============================== */
  .flexCC {
    height: 100%;
    padding: 20px;
    font-size: 32px;
    text-shadow: 0 1px 3px var(--Black);
    text-align: center;
    box-sizing: border-box;
    background-size: 100% 100%;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     滚动区     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.DashboardPage-MyList > .CoreWeb-EasyScroll {
  display: inline-block;
  width: 220px !important;

  /* ============================== 图表 ============================== */
  .flexCC {
    width: 200px;
    height: 150px;
    margin-bottom: 20px;
    border: 1px solid #30bafa;
    background-color: rgba(21, 53, 83, 0.5);
    user-select: none;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      显示区      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.DashboardPage-MyList-show {
  display: inline-block;
  position: relative;
  width: calc(100% - 220px);
  height: 100%;
  vertical-align: top;

  /* ============================== 每项 ============================== */
  > div {
    position: absolute;
    width: 20%;
    height: 26%;
    border: 1px dashed #30bafa;
    background-color: rgba(21, 53, 83, 0.5);
    overflow: hidden;

    /* —————————————————————————————— 图表 —————————————————————————————— */
    .flexCC {
      height: 100%;
    }

    &:nth-child(1) {
      top: 12%;
      left: 2%;
    }

    &:nth-child(2) {
      top: 41%;
      left: 2%;
    }

    &:nth-child(3) {
      top: 70%;
      left: 2%;
    }

    &:nth-child(4) {
      top: 12%;
      right: 2%;
    }

    &:nth-child(5) {
      top: 41%;
      right: 2%;
    }

    &:nth-child(6) {
      top: 70%;
      right: 2%;
    }
  }
}
